<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="template">
<body>
<th:block layout:fragment="content">

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>基本
                        <small>分类，查找</small>
                    </h5>
                </div>
                <div class="ibox-content">
                    <div class="row m-b-sm m-t-sm">
                        <div class="col-md-2">
                            <select class="form-control input-sm" id="companyList">
                                <option th:each="companyOne:${companyList}" th:value="${companyOne.id}" th:text="${companyOne.name}"></option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <div class="input-group">
                                <input class="input-sm form-control" placeholder="部门(可模糊匹配)" type="text" id="departmentNameInput"/>
                            <span class="input-group-btn">
                                    <button onclick="query()" class="btn btn-sm btn-primary"
                                            type="button"> 搜索</button> </span>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <a class="btn btn-primary " onclick="toAddIndex()" href="javascript:void(0);">新增</a>
                            <!--<a class="btn btn-primary " onclick="alert(1);" href="javascript:void(0);">批量刪除</a>-->
                        </div>
                    </div>
                    <div class="hr-line-dashed m-t-sm m-b-sm"></div>
                    <table class="table table-striped table-bordered table-hove dataTables-example">
                        <thead>
                        <tr>
                            <th>部门ID</th>
                            <th>公司名</th>
                            <th>部门</th>
                            <th>创建日期</th>
                            <th>备注</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<div th:replace="/department/model::modelDiv"></div>-->
<js th:replace="/department/businessJs::businessJs"></js>
</th:block>
</body>
</html>